<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Bar Viking</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="../resources/js/validate.js"></script>
        <script src="../resources/js/logIn.js"></script>
        <script src="../resources/js/admin.js"></script>
        <script src="../resources/js/barProfile.js"></script>
        <script type="text/javascript" src="../libraries/instafeed.min.js"></script>
        <script type="text/javascript"src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
        <link rel="stylesheet" type="text/css" href="../resources/css/default.css">
        <link rel="stylesheet" type="text/css" href="../resources/css/barProfile.css">
        <script src="../resources/js/header.js"></script>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <?php include '../resources/templates/header.php' ?>
        <div id="content-wrapper">
            <article id="content">
                <div id="leftColumn">
                    <div id="profileimgdiv">
                        <img id="profileimg" src="../resources/images/vikinghelmet.png">
                    </div>
                    <table id="leftColumnTable">
                        <tr>
                            <td>
                                <div id="social-media">
                                    <span id="facebook-logo">
                                        <a id="facebook-link" href="https://facebook.com/" target="_blank"><img src="../Resources/images/facebook.svg"></a>
                                    </span>
                                    <span id="instagram-logo">
                                        <a id="instagram-link" href="https://instagram.com/" target="_blank"><img src="../Resources/images/instagram.svg"></a>
                                    </span>
                                    <span id="spotify-logo">
                                        <a id="spotify-link" href="https://play.spotify.com/" target="_blank"><img src="../Resources/images/spotify.svg"></a>
                                    </span>
                                    <span id="twitter-logo">
                                        <a id="twitter-link" href="https://twitter.com/" target="_blank"><img src="../Resources/images/twitter.svg"></a>
                                    </span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td id="baraddress" colspan="2"></td>
                        </tr>
                        <tr>
                            <td><span id="postalno"></span>, <span id="place"></span></td>
                        </tr>
                        <tr>
                            <td id="status"></td>
                        </tr>
                        <tr>
                            <td id="owner" colspan="2">Eier: <span id="firstname"></span> <span id="lastname"></span></td>
                        </tr>
                        <tr>
                            <td colspan="2"><img src="../Resources/images/home.svg" style="width: 24px; height: 24px; padding-right: 5px; vertical-align: bottom;"><a id="homepage" target="_blank">Hjemmeside</a></td>
                        </tr>
                        <tr>
                            <td colspan="2"><img src="../Resources/images/map.svg" style="width: 24px; height: 24px; padding-right: 5px; vertical-align: bottom;"><a id="map-link" href="#" target="_blank">Kart</a></td>
                        </tr>
                    </table>
                    <div id="bar-tags-area">
                        
                    </div>
                </div>
                <div id="centerColumn">
                    <table id="centerColumnTable">
                        <tr>
                            <td id="barname"></td>
                        </tr>
                        <tr>
                            <td id="rating"></td>
                        </tr>
                        <tr>
                            <td id="bardescription"></td>
                        </tr>
                    </table>
                    <div id="map-wrapper"><div class="map" id="map-canvas"></div></div>
                    <div id="message-feed">
                        <div id="comments">
                            <div id="message-input">
                                <div id="message-feed-heading">Gi tilbakemelding:</div>
                                <textarea id="new-comment" placeholder="Din kommentar" style="max-width: 895px;"></textarea>
                                <input id="submit-comment" type="button" value="Send inn">
                                <?php include '../resources/templates/bar_comments.php' ?>
                            </div>
                        </div>
                    </div>
            </article>
        </div>
<!--        This span is used to measure the window-width correctly. Do not remove-->
        <span class="windowWidth"></span>
        <div id="instafeed">
            <div id="hashtag" style="color: lightgrey;"></div>
        </div>
        <?php include '../resources/templates/footer.php' ?>
    </body>
</html>